<template>
  <div>
    <Header :loginState="'toLogin'" :headerStyle="'light'"></Header>
    <Reload></Reload>
    <!-- HERO
            ============================================= -->

    <section id="blog" class="continue">
      <router-view :searchTitleContent="searchTitleContent"></router-view>
    </section>

    <!-- FOOTER
            ============================================= -->
    <footer id="footer" class="container-fluid pt-6 bg-light">
      <!-- FOOTER CONTENT -->
      <div class="row">
        <div class="footer-section-bg-graphics">
          <img src="../assets/img/footer-section-bg.png" alt="/" />
        </div>

        <div class="container">
          <div class="row footer-section">
            <!-- FOOTER Roiton-INFO -->
            <div class="col-lg-3 col-md-6">
              <div class="footer-section-logo">
                <!-- Title -->
                <a href="index.html">
                  <h3 class="base-color">Roiton</h3>
                </a>

                <!-- Text -->
                <p>
                  sed diam nonummy nibh euismod tincidunt aliquam erat volutpat.
                </p>
                <p>
                  Lorem ipsum dolor nibh euismod tincidunt sit amet adipiscing
                  elit, ut laoreet dolore magna aliquam erat volutpat.
                </p>
              </div>
            </div>
            <!-- END FOOTER Roiton-INFO -->

            <!-- FOOTER INFO -->
            <div class="col-lg-3 col-md-6">
              <div class="footer-section-information">
                <!-- Title -->
                <h4>Contact Us</h4>
                <!-- Text -->
                <p>Lorem ipsum dolor sit amet, consectetuer sed volutpat.</p>

                <ul>
                  <li>
                    <span class="base-color lni-map-marker"></span>NewYork,
                    United State
                  </li>
                  <li>
                    <span class="base-color lni-phone"></span>+123-4567-890
                  </li>
                  <li>
                    <span class="base-color lni-envelope"></span
                    ><a href="mailto:" class="text-dark"
                      ><span
                        class="__cf_email__"
                        data-cfemail="483b292538242d083b292538242d662b2725"
                        >[email&#160;protected]</span
                      ></a
                    >
                  </li>
                </ul>
              </div>
            </div>
            <!-- END FOOTER INFO -->

            <!-- FOOTER NEWSLETTER FORM -->
            <div class="col-lg-3 col-md-6">
              <div class="footer-section-newsletter">
                <!-- Title -->
                <h4>Subscribe Us</h4>

                <!-- Text -->
                <p>
                  Stay up to date with our latest news, updates and our new
                  products!
                </p>

                <form action="#" method="get">
                  <button class="newsletter-btn" type="submit">
                    <i class="lni-envelope text-white"></i>
                  </button>
                  <input
                    class="newsletter"
                    type="text"
                    placeholder="mail@example.com"
                  />
                </form>
              </div>
            </div>
            <!-- END FOOTER NEWSLETTER FORM -->

            <!-- FOOTER SOCIAL LINKS -->
            <div class="col-lg-3 col-md-6">
              <div class="footer-section-information">
                <!-- Title -->
                <h4>Social Links</h4>

                <!-- Text -->
                <p>
                  Join our mailing list to stay up to date and get notices about
                  our new releases!
                </p>

                <ul class="social-link list-inline">
                  <li>
                    <a href="#"><i class="lni-facebook-filled"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="lni-twitter-filled"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="lni-google-plus"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="lni-instagram-filled"></i></a>
                  </li>
                </ul>
              </div>
            </div>
            <!-- END SOCIAL LINKS -->
          </div>
        </div>
        <!-- End container -->
      </div>
      <!-- END FOOTER CONTENT -->

      <!-- FOOTER COPYRIGHT -->
      <div class="row footer-copy-right">
        <div class="container">
          <div class="row border-top">
            <div class="col-sm-8 footer-copy-right-text">
              Copyright &copy; 2021.Company name All rights reserved.
            </div>
          </div>
        </div>
      </div>
      <!-- END FOOTER COPYRIGHT -->
    </footer>
    <!-- END FOOTER -->
    <ReturnTop></ReturnTop>
  </div>
</template>

<script>
// JS
import $ from "jquery";
import axios from "axios";
import { typedJS } from "../assets/js/apps/roiton";
import PageChange from "../components/PageChange.vue";

// 组件
import Header from "../components/Header.vue";
import ReturnTop from "../components/ReturnTop.vue";
import Reload from "../components/Reload.vue";

export default {
  data() {
    return {
      searchTitleContent: "",
    };
  },
  created() {},
  mounted() {
    typedJS();
  },
  methods: {},
  components: {
    Header,
    ReturnTop,
    Reload,
    PageChange,
  },
};
</script>

<style scoped>
</style>
